<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>区块链推广管理中心</title>
		<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/png" href="http://cmanage.shinechain.io/imgs/favicon.ico" />
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link href='http://cmanage.shinechain.io/build/css/app.min.css' rel='stylesheet' type='text/css'>
		<link href='http://cmanage.shinechain.io/build/css/sign.min.css' rel='stylesheet' type='text/css'>
		<script src="http://cmanage.shinechain.io/vendor/js/jquery-3.1.0.min.js" type="text/javascript"></script>
		<script src="http://cmanage.shinechain.io/vendor/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="http://cmanage.shinechain.io/vendor/js/unslider.min.js" type="text/javascript"></script>
		
	</head>
	<body>
	<div id="app" class="app-container">
		<div class="main-container">
			<div class="page-wrap">
				<div class="f-container">
					<div class="row">
						<div id="left">
							<ul>
								<li><img src="http://cmanage.shinechain.io/imgs/login.jpg" width="600" height="700" alt=""></li>
								<li><img src="http://cmanage.shinechain.io/imgs/login1.jpg" width="600" height="700" alt=""></li>
								<li><img src="http://cmanage.shinechain.io/imgs/login2.jpg" width="600" height="700" alt=""></li>
							</ul>
							<a href="javascript:void(0);" class="unslider-arrow05 prev"><img class="arrow" id="al" src="http://cmanage.shinechain.io/imgs/arrowl.png" alt="prev" width="20" height="35"></a>
							<a href="javascript:void(0);" class="unslider-arrow05 next"><img class="arrow" id="ar" src="http://cmanage.shinechain.io/imgs/arrowr.png" alt="next" width="20" height="37"></a>
						</div>
						<div class="right">
							<div class="login" id="log-wrapper">
								<div class="text-center"><a href="http://shinechain.io" title="shinechain" target="_blank"><img src="http://cmanage.shinechain.io/imgs/logo.png" class="logo"></a></div>
								<div class="text-center">
									<div class="title">闪链电报机器人管理中心</div>
								</div>
								<div class="form">
									<div class="child">
										<div class="row">
											<div class="d-input">
												<div class="md-input-container md-input-required">
													<input type="text" name="id" id="id" placeholder="账号" value="" maxlength="100" class="md-input">
												</div>
											</div>
										</div>
										<div class="row">
											<div class="d-password-tips">
												<div class="md-input-container md-input-required">
													<input type="password" id="password" placeholder="密码" value="" class="md-input">

												</div>
											</div>
										</div>
										<button type="button" autofocus="autofocus" class="btn login-btn primary lg" id="login">登录</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tip"></div>
	<script>
		var ip = "http://bot.shinechain.io";

		var clickToken = function (){
  		$('#login').click(function(){
		var id = $('#id').val();
		var password = $('#password').val();
		var jsonArr = {id,password};
		$.ajax({
                url: ip + '/login',
                type: 'POST',
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                data: JSON.stringify(jsonArr),
                success: function(res) {
                	if(res.status==200){
                		window.location.href=ip+"/telegram.html";
                	}else{
                		window.alert(res.errorMsg);
                	}
                	
                },
                error: function(res){
                	window.alert("网络或系统出错");
                }
      		 })
  		});
  	}
  clickToken();
	</script>
</body>
</html>